<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原型结构</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <style>
        /* 控制背景图 */
        .part_imgText ul li {
            padding-left: 0px;
            padding-right: 0px;
        }

        .part_imgText ul li:first-child img {
            object-fit: cover;
            object-position: left;
            width: 100%;
            height: 100%;
        }

        .part_imgText ul li:last-child {
            width: 100%;
            height: 600px;
            background: url(../images/part_imgText29_1_two.jpg) no-repeat center 100%;
            background-size: cover;
        }

        /* 右边的文字 */
        .part_imgText_box {
            padding: 40px 40px 0px 40px
        }

        .part_imgText_box_title {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .part_imgText_box_title p {
            font-size: var(--f_text);
            line-height: var(--l_text);
            color: var(--c_text);
        }

        @media (max-width:1200px) {
            .part_imgText ul li:first-child {
                display: none;
            }

            .part_imgText ul li:last-child {
                width: 100%;
                max-height: 600px;
            }

            /* 右边的文字 */
            .part_imgText ul li:last-child {
                margin: 0px 20px
            }

            .part_imgText_box {
                padding: 20px 20px 0px 20px
            }

            .part_imgText ul li:first-child img {
                object-fit: cover;
                object-position: left;
                width: 100%;
                height: 100%;
            }
        }


        @media (max-width:768px) {
            .part_imgText ul li:last-child {
                width: 100%;
                height: 100%;
            }
        }
    </style>
</head>

<body>
    <div class="part_imgText modular">
        <ul class="row">
            <li class="col-xl-6">
                <img src="../images/part_imgText29_1_one.jpg" alt="">
            </li>
            <li class="col-xl-6">
                <div class="part_imgText_box title_center">
                    <div class="public_title">
                        <h2>关于我们</h2>
                        <p>ABOUT US</p>
                    </div>
                    <div class="part_imgText_box_title">
                        <p>1990年，创立高尔夫培训，多年潜心探索与经营，积极开拓教学基地，
                            逐步形成品牌效应。致力于让高尔夫走进每一个中国家庭。多年来，
                            我们不断引进优质教练，加强师资队伍，持续研发教学课程，
                            科学合理施教。让每位学员轻松学会打高尔夫球是我们的责任，也是我们的承诺！
                        </p>
                        <a class="button_small" href="">
                            查看更多 &gt;
                        </a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>

</html>